import React from 'react';
import classnames from 'classnames';
import "./index.less";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var Panel = function Panel(props) {
  var className = props.className,
    title = props.title,
    children = props.children,
    tags = props.tags,
    style = props.style;
  return /*#__PURE__*/_jsxs("div", {
    className: classnames('pd-panel', className),
    style: style,
    children: [/*#__PURE__*/_jsxs("div", {
      className: "pd-panel-header",
      children: [/*#__PURE__*/_jsx("span", {
        className: "pd-panel-header-title",
        children: title
      }), tags]
    }), /*#__PURE__*/_jsx("div", {
      className: "pd-panel-body",
      children: children
    })]
  });
};
var SubTitle = function SubTitle(props) {
  var children = props.children,
    extraContent = props.extraContent;
  return /*#__PURE__*/_jsxs("div", {
    className: "pd-panel-body-subTitle-container",
    children: [/*#__PURE__*/_jsx("div", {
      className: "pd-panel-body-subTitle-content",
      children: children
    }), /*#__PURE__*/_jsx("div", {
      children: extraContent
    })]
  });
};
Panel.SubTitle = SubTitle;
export default Panel;